<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" th:href="@{/res/css/amazeui.min.css}" />
    <link rel="stylesheet" th:href="@{/res/css/admin.css}" />
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />
    <link rel="stylesheet" th:href="@{/css/bootstrap-responsive.min.css}" />
    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}" />
    <link rel="stylesheet" th:href="@{/css/ace.min.css}" />
    <link rel="stylesheet" th:href="@{/css/ace-skins.min.css}" />
    <link rel="stylesheet" th:href="@{/css/ace-responsive.min.css}" />
    <script th:src="@{/js/jquery-3.4.1.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
</head>

<body>
<div class="admin-content-body">
    <div class="am-cf am-padding am-padding-bottom-0">
        <div class="am-fl am-cf"><strong class="am-text-primary" style="font-size: 18px;">物流信息</strong><small></small></div>
    </div>

    <hr>

    <div id="fuelux-wizard" class="row-fluid">
        <ul class="wizard-steps">
            <li data-target="#step1"  style="min-width: 25%; max-width: 25%;"><span class="step">1</span> <span class="title">已出库</span>
                <span class="title">2017-07-13 09：00:00</span></li>
            <li data-target="#step2" style="min-width: 25%; max-width: 25%;"><span class="step">2</span> <span class="title"> 发往广州</span> <span class="title">2017-07-14 1：00:00</span></li>
            <li data-target="#step3" style="min-width: 25%; max-width: 25%;"><span class="step">3</span> <span class="title">到棠下村</span> <span class="title">2017-07-13 09：00:00</span></li>
            <li data-target="#step4" class="active" style="min-width: 25%; max-width: 25%;"><span class="step">4</span> <span class="title">正在派送</span> <span class="title">2017-07-15 22：10:00</span></li>
        </ul>
    </div>
</div>
</body>
</html>